<template>
	<view class="container">
		<view class="pay-success-image flex flex-direction align-center">
			<image class="success-logo" src="../../static/image/success.png" mode="aspectFit"></image>
			<view class="tips-txt success-text">支付成功</view>
		</view>
		<view class="button-area">
			<view @tap="toMemberCardOrder" class="btn hilight">查看订单</view>
			<view @tap="toHome" class="btn mormal margin-top">返回首页</view>
		</view>
	</view>
</template>

<script>
import util from '@/utils/util.js';
export default {
	methods: {
		toHome() {
			util.toHome(true);
		},
		toMemberCardOrder() {
			util.toMemberCardOrder(true);
		}
	}
}
</script>

<style lang="less" scoped>
	.container {
		.pay-success-image {
			margin-top: 200upx;
			.success-logo {
				width: 100px;
				height: 100px;
			}
			.success-text {
				margin-top: 40upx;
				font-size: 40upx;
			}
		}
		.button-area {
			margin: 0 auto;
			margin-top: 200upx;
			width: 80%;
			.btn {
				width: 100%;
				height: 80upx;
				line-height: 80upx;
				text-align: center;
				border-radius: 8upx;
				&.mormal {
					background: #485575;
					color: #FFFFFF;
				}
				&.hilight {
					background: #4780f6;
					color: #FFFFFF;
				}
			}
		}
	}
</style>
